<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <title>星巴克</title>
</head>

<body>

    <div class="left border1">
        <div class="header ">
            <div class="logo  f-l "></div>
            <ul class="primay f-l cursor">
                <li>门店 </li>
                <li>我的帐户</li>
                <li>菜单</li>
            </ul>
            <div class="side cursor f-r"></div>
        </div>
        <div class="body border1 overhidden">
            <div class="middle  ">
                <div class="arrow f-l"></div>
                <div class="title f-l t-center">
                    菜单
                </div>
            </div>
            <div class="display1 cursor">饮料</div>
            <div class="table">
                <li>全部</li>
                <li>手工调制浓缩咖啡</li>
                <li>星冰乐®</li>
                <li>茶瓦纳™</li>
                <li>经典巧克力饮品</li>
                <li>咖啡融合冰淇淋</li>
                <li class="active">星巴克冷萃咖啡系列</li>
                <li>气致™冷萃咖啡</li>

            </div>

        </div>
    </div>
    <div class="right f-r overhidden">
        <div class="block cursor">
            <div class="tag">
                广告
            </div>
            <div class="icon cursor">

            </div>
        </div>
        <div class="promotion  overhidden">
            <div class="home cursor border1 f-l">

            </div>
            <div class="home1 cursor border1 f-l">

            </div>
            <div class="home2 cursor border1 f-l">

            </div>


        </div>
        <div class="msr clear border1">
            <div class="container  margin">
                <div class="grd  f-l">
                    <h2 class="grd-title">星享俱乐部
                    </h2>
                    <div class="grd-middle">开启您的星享之旅，星星越多、会员等级越高、好礼越丰富。
                        <span class="bottom-link cursor">
                            了解更多>
                        </span>
                    </div>
                    <div class="key ">
                        <div class="t-key f-l">注册</div>
                        <div class="b-key f-l">登录</div>
                    </div>
                </div>
                <div class="gsd f-r">
                     <div class="img"></div>
                </div>
            </div>
        </div>
        <div class="tamll clear">
            <div class="mian  border1 margin">
                <h2 class="w-mobile t-center">星巴克精选</h2>
                <p class="w-m t-center">在星巴克天猫旗舰店发现更多咖啡心意</p>
                <ul class="grid ">
                    <li> 
                        <div class="t-photo"></div>
                        <div class="mss t-center">会员星礼包</div>
                    </li>
                    <li></li>
                    <li></li>
                    <li></li>

                </ul>

            </div>

        </div>

    </div>

</body>

</html>